<script lang="ts" setup>
import { Card } from 'ant-design-vue';
import { IconifyIcon } from '@vben/icons';
</script>

<template>
  <div class="purchase-management">
    <Card title="采购管理" :bordered="false">
      <div class="placeholder-content">
        <IconifyIcon icon="mdi:shopping" size="48" />
        <p>采购管理功能开发中...</p>
        <p>包含采购申请、审批流程、供应商管理等功能</p>
      </div>
    </Card>
  </div>
</template>

<style scoped>
.purchase-management {
  padding: 20px;
}

.placeholder-content {
  padding: 60px 20px;
  color: #999;
  text-align: center;
}

.placeholder-content p {
  margin-top: 16px;
  font-size: 16px;
}
</style>
